<template>
    <div>
        <p>当当拼团</p>
        <div id="d">
            <mid class="dd" :imgUrl="require('../assets/book/pin1.jpg')" dol="￥310.22" ppp="已拼2614件"></mid>
            <mid class="dd" :imgUrl="require('../assets/book/pin2.jpg')" dol="￥276" ppp="已拼3.8万件"></mid>
            <mid class="dd" :imgUrl="require('../assets/book/pin3.jpg')" dol="￥53.33" ppp="已拼3.4万件"></mid>
            <mid class="dd" :imgUrl="require('../assets/book/pin4.jpg')" dol="￥10.9" ppp="已拼2674件"></mid>
        </div>
    </div>
</template>

<script>
import mid from '../components/IndexMid22.vue';
    export default {
        components: {
            mid,
        },
    }
</script>

<style lang="scss" scoped>
    div{
        width: 100%;
        padding-top: 3vw;
        p{
            font-size: 5vw;
            font-weight: bold;
            padding-left: 4vw;
        }
        #d{
            width: 100%;
            display: flex;
            margin-top: -3vw;
            .dd{
                width: 24%;
                padding-left: 1vw;
            }
        }
    }
</style>